<template>
    <div class="authPermissionManager">
        <div class="top_menu">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">摄影平台</el-breadcrumb-item>
                <el-breadcrumb-item>权限管理</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: '/auth/permission' }">操作权限</el-breadcrumb-item>
                <el-breadcrumb-item>{{name}}(管理员列表)</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="main_content" v-loading="loading">
            <div class="control display-flex justify-content-spaceBetween align-items-center">
                <h3>{{name}}(管理员列表)</h3>
                <div class="display-flex align-items-center">
                    <el-button type="primary" icon="caret-left" @click="backToPermission">返回</el-button>
                </div>
            </div>
            <el-card class="box-card">
                <el-transfer
                        v-model="value"
                        filterable
                        :titles="['所有管理员', '已选管理员']"
                        :button-texts="['删除', '添加']"
                        :footer-format="{
                          noChecked: '${total}',
                          hasChecked: '${checked}/${total}'
                        }"
                        @change="handleChange"
                        :data="data">
                </el-transfer>
            </el-card>
        </div>
    </div>
</template>

<script src="../../js/auth/PermissionManager.js"></script>